 <!--begin::Form-->
 <form #loginForm="ngForm" class="login-form form" method="post" method="post" (ngSubmit)="login()">
    <div class="form-group">
        <label for="userNameOrEmailAddress" class="control-label">{{'UserNameOrEmail' | localize}} *</label>
        <input #userNameOrEmailAddressInput="ngModel"
            [(ngModel)]="loginService.authenticateModel.userNameOrEmailAddress" autoFocus
            class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6" type="text"
            autocomplete="new-password" 
            name="userNameOrEmailAddress" id="userNameOrEmailAddress" required />
        <validation-messages [formCtrl]="userNameOrEmailAddressInput" *ngIf="!userNameOrEmailAddressInput.touched">
        </validation-messages>
    </div>

    <div class="form-group frm-pswdbox">
        <label for="password" class="control-label">{{'Password' | localize}} *</label>
        <div class="box">
            <input #passwordInput="ngModel" [(ngModel)]="loginService.authenticateModel.password"
            class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6" type="password"
            autocomplete="new-password" name="password" id="password" required
            maxlength="32" />
            
            <label class="checkbox checkbox-outline btn-remember">
                <input [(ngModel)]="loginService.rememberMe" type="checkbox" name="rememberMe"
                    value="true" />
                <span class="ml-2"></span>
                {{"RememberMe" | localize}}
            </label>
        </div>
        <validation-messages [formCtrl]="passwordInput" *ngIf="!passwordInput.touched"></validation-messages>
    </div>

    <div  class="form-group d-flex justify-content-between mt-4 frm-handle">
        <a routerLink="/account/forgot-password" id="forget-password">{{"ForgotPassword" | localize}}</a>
        <a routerLink="/account/email-activation" id="email-activation-btn">{{"EmailActivation" | localize}}</a>
    </div>

    <div class="pb-lg-0 pb-5 d-flex justify-content-end form-btnbox">
        <button type="submit" class="btn btn-primary"
            [disabled]="!loginForm.form.valid">{{"LogIn" | localize}}</button>
    </div>
</form>

<!--end::Form-->

<!--begin::Options-->
<div class="mt-10 mb-2" *ngIf="(multiTenancySideIsTeanant || !isMultiTenancyEnabled) && loginService.externalLoginProviders.length > 0">
    <div class="divider">
        <span></span>
        <span>{{"LoginWith" | localize}}</span>
        <span></span>
    </div>
</div>

<div class="pb-lg-0 pb-5 login__options"
    *ngIf="(multiTenancySideIsTeanant || !isMultiTenancyEnabled) && loginService.externalLoginProviders.length > 0">
    <a *ngFor="let provider of loginService.externalLoginProviders" class="btn btn-sm btn-light-primary font-weight-bolder py-2 mb-2 ml-0 mr-2"
        (click)="externalLogin(provider)" title="{{provider.name}}">
        <i class="fab fa-{{provider.icon}}"></i>
        {{provider.name}}
    </a>
</div>
<!--end::Options-->


<!-- <div class="mt-5">
<div>
    <span>
        {{"NotAMemberYet" | localize}}
    </span>
</div>
<span *ngIf="isSelfRegistrationAllowed">
    <a routerLink="/account/register">{{"CreateAnAccount" | localize}}</a>
    <span> | </span>
</span>
<span *ngIf="!multiTenancySideIsTeanant && isTenantSelfRegistrationAllowed">
    <a routerLink="/account/select-edition">{{"NewTenant" | localize}}</a>
    <span> | </span>
</span>
<a routerLink="/account/email-activation" id="email-activation-btn">{{"EmailActivation" | localize}}</a>
</div> -->

<div class="frm-links">
<h5 class="lvtit"><span>蒙特三大服务</span></h5>
<ul class="links">
    <li class="item1"><a href="https://www.mountor.cn" target="_blank"><img [src]="appRootUrl() + 'assets/common/images/login/kf.svg'" alt=""/>网站开发定制</a></li>
    <li class="item2"><a href="https://www.mountor.cn" target="_blank"><img [src]="appRootUrl() + 'assets/common/images/login/xmt.svg'" alt=""/>新媒体代运营</a></li>
    <li class="item3"><a href="https://www.mountor.cn" target="_blank"><img [src]="appRootUrl() + 'assets/common/images/login/aqjg.svg'" alt=""/>网站安全加固</a></li>
</ul>
<div class="bot">
    <div class="tel1">售后：<a>0571-88368188</a></div>
    <div class="tel2">售前：<a>0571-88230881</a></div>
</div>
</div>